<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns:v-for="http://www.w3.org/1999/xhtml"
      xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title>统计年鉴</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/area.css">

    <script th:src="@{js/vue.js}" type="text/javascript"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/echarts.js" type="text/javascript"></script>
    <script src="js/china.js" type="text/javascript"></script>

    <style>
        body{
            background-color:#eee;
        }
        .media{
            background-color: white;
            width:48%;

        }
    </style>
</head>
<body>
    <div class="all">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <ul class="nav nav-tabs">
                        <li role="presentation"><a href="/">主页</a></li>
                        <li role="presentation"><a href="/area">地区差异</a></li>
                        <li role="presentation"><a href="/year">年度变化</a></li>
                        <li role="presentation" class="active"><a href="/news">相关网站</a></li>
                        <li role="presentation"><a href="#">生活分享</a></li>
                    </ul>
                </div>


                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown" th:if="${session.username!=null}">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                               aria-expanded="false">
                                <span th:text="${session.username}"></span>
                                <span class="caret"></span>
                                <!--                            <span th:text="${session.user.getName()}"></span>-->
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="/manage">管理数据库</a></li>
                                <li><a href="/logout">退出登录</a></li>
                            </ul>
                        </li>
                        <li th:if="${session.username==null}">
                            <a href="/login">登录</a>
                        </li>

                    </ul>
                </div>
            </div>
        </nav>
    </div>


</body>

</html>